<!DOCTYPE HTML>
<html lang="en">

<!--[if IE 7 ]>    <html class= "ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class= "ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class= "ie9"> <![endif]-->

<!--[if lt IE 9]>
<script>
    document.createElement('header');
    document.createElement('nav');
    document.createElement('section');
    document.createElement('article');
    document.createElement('aside');
    document.createElement('footer');
</script>
<![endif]-->


<head>
    <!--Page Title-->
    <title>华西挂号APP</title>
    <!--Meta Tags-->
    <meta charset="utf-8">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <!-- Set Viewport-->
    <!--<meta name="viewport" content="user-scalable=no,initial-scale=1.0, maximum-scale=1.0 width=device-width" />-->
    <!-- Allows WebApp-->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!--Google Font
    <link href='http://fonts.useso.com/css?family=Lato:300,400,700,100,400italic' rel='stylesheet' type='text/css'>-->
    <!-- Style Sheet -->
    <link rel="stylesheet" href="webPages/css/style.css">
    <script type="text/javascript">
        function validateForm()
        {
            var x=document.forms["contact_form"]["email"].value;
            var atpos=x.indexOf("@");
            var dotpos=x.lastIndexOf(".");
            if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
            {
                alert("Please supply a valid e-mail address");
                return false;
            }
        }
    </script>
</head>
<body>
<!-- Start of bdywrapper -->
<div class="bdywrapper">
    <!-- Start of main -->
    <div id="main" role="main">
        <!-- Start of first -->
        <section id="first" class="story">
            <!-- Start of topmenu -->
            <div class="topmenu">
                <!-- Start of menu -->
                <div id="menu">
                </div><!-- End of menu -->
            </div><!-- End of topmenu -->
            <article>
                <!-- Start of fullwidth -->
                <div class="fullwidth">
                    <!-- Start of content left -->
                    <div class="content_left">
                        <!-- Start of slider bgrnd -->
                        <div class="slider_bgrnd">
                            <img src="webPages/img/slider_bgrnd.png" alt="Slider Background"/>
                            <!-- Start of slider -->
                            <div class="slider">
                                <!-- Start of flexslider -->
                                <ul class="slides">
                                    <li><img src="webPages/img/appLogin.jpg" alt="登陆"> </li>
                                    <li><img src="webPages/img/doctor.jpg" alt="医生列表"> </li>
                                    <li><img src="webPages/img/guaHao.jpg" alt="挂号"> </li>
                                </ul><!-- End of flexslider -->
                            </div><!-- End of slider -->
                        </div><!-- End of slider bgrnd -->
                    </div><!-- End of content left -->
                    <div class="content_right">
                        <div class="top_logo">
                            <img src="webPages/img/iconfont-guahao.png" height="100" width="120" alt="挂号">
                        </div><!-- End of top logo -->
                        <h4><strong>华西挂号</strong> 针对华西医院挂号的手机APP </h4>
                        <p class="white">还在担心挂号难吗？不知道哪位医生什么时候有时间， 不用担心，solo团队正是因为感受到了广大病友的难处，特全力开发此应用“华西挂号”，来帮助病友更快找到医生、完成挂号。</p>
                        <h5 class="white">已有<span id="count" style="color: #2DCC70;font-weight:700;font-size:1.3em;"></span>人在使用，你还在等什么？赶紧扫描二维码吧！</h5><br/>
                        <img src="webPages/codeImg/code.png" height="200" width="200" alt="挂号">
                    </div>
                </div><!-- End of fullwidth -->
                <!-- Clear Fix --><div class="clear"></div>
            </article>
        </section><!-- End of first -->
        <!-- Start of second -->
        <!-- Start of third -->
        <!-- End of third -->
        <!-- Start of iOS wrapper -->
        <div id="ios_wrapper">
            <!-- Start of fourth -->
        </div><!-- End of iOS wrapper -->
        <section id="seventh" class="story5">
            <article>
                <!-- Start of centered -->
                <div class="centered">
                    <h1>您也可以通过下面的方式下载或体验</h1>
                    <h3 class="dark">选择你的设备类型</h3>
                    <ul>
                        <li class=""><a href="/home/download"><img style="padding-left: 20px;" src="webPages/img/appanzhuo.png" width="38" height="41" alt="android" />android下载</a></li>
                        <li><a target="_blank" href="http://www.cd120.com/"><img src="webPages/img/windows.png" width="38" height="41" alt="windows"/>windows链接</a></li>
                        <li><p ><img src="webPages/img/pingguobai.png" width="38" height="41" alt="iphone" />iphone期待</p></li>
                    </ul>
                </div><!-- End of centered -->
                <!-- Clear Fix --><div class="clear"></div>
            </article>
        </section><!-- End of seventh -->
        <!-- Start of eighth -->
        <section id="eighth">
            <article>
                <!-- Start of fullwidth -->
                <div class="fullwidth">
                    <!-- Start of copyright -->
                    <div class="copyright">
                        Copyright &copy; Your Company 2014 All Rights Reserved&nbsp;&nbsp;&nbsp;&nbsp;蜀ICP备15010389号-1
                    </div><!-- End of copyright --><br/>
                </div><!-- End of fullwidth -->
            </article>

        </section><!-- End of eighth -->
    </div><!-- End of main -->
</div><!-- End of bdywrapper -->
<!-- Our Javascript, starting with jQuery -->
<script src='webPages/js/libs/jquery-1.6.1.min.js'></script>
<script src="webPages/js/script.js"></script>
<script src="webPages/js/jquery.flexslider-min.js"></script>
<script type="text/javascript">
    $(function(){
        $('.slider').flexslider();
        $.ajax({type:"POST",url :"/cos/app/getCount",dataType : "JSON",
            success: function(data){var count;if(data.count <= 19800) count = 19800+parseInt(data.count);$("#count").html(count);}});
    });
</script>
</body>
</html>